<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>{{ trans('shop_home.title') }}</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.5 -->
  <link rel="stylesheet" href="{{ asset('/components/AdminLTE/bootstrap/css/bootstrap.min.css')}}">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  <!-- Select2 -->
  <link href="{{ asset("/components/AdminLTE/plugins/select2/select2.min.css") }}" rel="stylesheet" type="text/css" />
  <!-- Theme style -->
  <link rel="stylesheet" href="{{ asset('/components/AdminLTE/dist/css/AdminLTE.min.css')}}">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="{{ asset('/components/AdminLTE/dist/css/skins/_all-skins.min.css')}}">

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->


    <!--  //////////////////////////////////////////////////////////////////////////////////////////////// -->

    <!--加载 data.html css 需要的其他css -->
    <style>
        .no-margin-pager,.no-margin-pager .pagination{ margin: 0;}
    </style>

    <!-- jQuery 2.1.4 -->
    <script src="{{ asset ('/components/AdminLTE/plugins/jQuery/jQuery-2.1.4.min.js') }}"></script>

    <!-- Bootstrap 3.3.5 -->
    <script src="{{ asset ('/components/AdminLTE/bootstrap/js/bootstrap.min.js') }}"></script>


    <!-- Simditor -->
    <link rel="stylesheet" type="text/css" href="{{ asset('/components/simditor/styles/simditor.css') }}" />
    <!-- <script type="text/javascript" src="{{ asset('/components/jquery/dist/jquery.min.js') }}"></script> -->
    <script type="text/javascript" src="{{ asset('/components/simple-module/lib/module.js') }}"></script>
    <script type="text/javascript" src="{{ asset('/components/simple-hotkeys/lib/hotkeys.js') }}"></script>
    <script type="text/javascript" src="{{ asset('/components/simple-uploader/lib/uploader.js') }}"></script>
    <script type="text/javascript" src="{{ asset('/components/simditor/lib/simditor.js') }}"></script>

    <!-- 自定义公共函数 -->
    <!-- <script type="text/javascript" src="{{ asset ("/dist/js/utils.js") }}"></script> -->


</head>
<!-- ADD THE CLASS layout-top-nav TO REMOVE THE SIDEBAR. -->
<body class="hold-transition skin-blue layout-top-nav">
<div class="wrapper">

  <header class="main-header">
    <nav class="navbar navbar-static-top">
      <div class="container">
        <div class="navbar-header">
          <!-- Logo -->
          <!-- <a href="/shop_admin" class="navbar-brand"><b>Admin</b>LTE</a> -->
          <a href="/shop_admin" class="navbar-brand">
            <!-- mini logo for sidebar mini 50x50 pixels -->
            <!-- <span class="logo-mini">{{trans('home.logo')}}</span> -->
            <!-- logo for regular state and mobile devices -->
            <span class="logo-lg"><b>{{trans('shop_home.logo')}}</b></span>
          </a>
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
            <i class="fa fa-bars"></i>
          </button>

        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <!-- <div class="collapse navbar-collapse pull-left" id="navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">商品 <span class="sr-only">(current)</span></a></li>
            <li><a href="#">订单</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
                <li class="divider"></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
          </ul>
          <form class="navbar-form navbar-left" role="search">
            <div class="form-group">
              <input type="text" class="form-control" id="navbar-search-input" placeholder="Search">
            </div>
          </form>
        </div> -->

        <!-- Topbar Menu -->
        <div class="collapse navbar-collapse pull-left" id="navbar-collapse">
            @include('shop_admin.topbar')
        </div>
        <!-- /.topbar-menu -->

        <!-- /.navbar-collapse -->
        <!-- Navbar Right Menu -->
        <div class="navbar-custom-menu">
          <ul class="nav navbar-nav">
            <!-- Messages: style can be found in dropdown.less-->
            <!-- <li class="dropdown messages-menu">
              Menu toggle button
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                <i class="fa fa-envelope-o"></i>
                <span class="label label-success">4</span>
              </a>
              <ul class="dropdown-menu">
                <li class="header">You have 4 messages</li>
                <li>
                  inner menu: contains the messages
                  <ul class="menu">
                    <li>start message
                      <a href="#">
                        <div class="pull-left">
                          User Image
                          <img src="{{ asset("/components/AdminLTE/dist/img/user2-160x160.jpg") }}" class="img-circle" alt="User Image">
                        </div>
                        Message title and timestamp
                        <h4>
                          Support Team
                          <small><i class="fa fa-clock-o"></i> 5 mins</small>
                        </h4>
                        The message
                        <p>Why not buy a new awesome theme?</p>
                      </a>
                    </li>
                    end message
                  </ul>
                  /.menu
                </li>
                <li class="footer"><a href="#">See All Messages</a></li>
              </ul>
            </li>
            /.messages-menu

            Notifications Menu
            <li class="dropdown notifications-menu">
              Menu toggle button
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                <i class="fa fa-bell-o"></i>
                <span class="label label-warning">10</span>
              </a>
              <ul class="dropdown-menu">
                <li class="header">You have 10 notifications</li>
                <li>
                  Inner Menu: contains the notifications
                  <ul class="menu">
                    <li>start notification
                      <a href="#">
                        <i class="fa fa-users text-aqua"></i> 5 new members joined today
                      </a>
                    </li>
                    end notification
                  </ul>
                </li>
                <li class="footer"><a href="#">View all</a></li>
              </ul>
            </li>
            Tasks Menu
            <li class="dropdown tasks-menu">
              Menu Toggle Button
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                <i class="fa fa-flag-o"></i>
                <span class="label label-danger">9</span>
              </a>
              <ul class="dropdown-menu">
                <li class="header">You have 9 tasks</li>
                <li>
                  Inner menu: contains the tasks
                  <ul class="menu">
                    <li>Task item
                      <a href="#">
                        Task title and progress text
                        <h3>
                          Design some buttons
                          <small class="pull-right">20%</small>
                        </h3>
                        The progress bar
                        <div class="progress xs">
                          Change the css width attribute to simulate progress
                          <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                            <span class="sr-only">20% Complete</span>
                          </div>
                        </div>
                      </a>
                    </li>
                    end task item
                  </ul>
                </li>
                <li class="footer">
                  <a href="#">View all tasks</a>
                </li>
              </ul>
            </li> -->
            <!-- User Account Menu -->
            <li class="dropdown user user-menu">
              <!-- Menu Toggle Button -->
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                <!-- The user image in the navbar-->
                <img src="{{ asset('/components/AdminLTE/dist/img/user2-160x160.jpg') }}" class="user-image" alt="User Image">
                <!-- hidden-xs hides the username on small devices so only the image appears. -->
                <span class="hidden-xs">{{Auth::user()->user_name}}</span>
              </a>
              <ul class="dropdown-menu">
                <!-- The user image in the menu -->
                <li class="user-header">
                  <img src="{{ asset('/components/AdminLTE/dist/img/user2-160x160.jpg') }}" class="img-circle" alt="User Image">

                  <p>
                    {{Auth::user()->user_name}}
                    <!-- Alexander Pierce - Web Developer -->
                    <small><!-- Member since Nov. 2012 -->{{Auth::user()->user_name}}</small>
                  </p>
                </li>
                <!-- Menu Body -->
                <!-- <li class="user-body"> -->
                  <!-- <div class="row">
                    <div class="col-xs-4 text-center">
                      <a href="#">Followers</a>
                    </div>
                    <div class="col-xs-4 text-center">
                      <a href="#">Sales</a>
                    </div>
                    <div class="col-xs-4 text-center">
                      <a href="#">Friends</a>
                    </div>
                  </div> -->
                  <!-- /.row -->
                <!-- </li> -->
                <!-- Menu Footer-->
                <li class="user-footer">
                    <div class="pull-left">
                        <button id="logout" class="btn btn-default btn-flat">退出登录</button>
                    </div>
                    <div class="pull-right">
                    </div>
                </li>
              </ul>
            </li>
          </ul>
        </div>
        <!-- /.navbar-custom-menu -->
      </div>
      <!-- /.container-fluid -->
    </nav>
  </header>
  <!-- Full Width Column -->
  <div class="content-wrapper">

    <!-- <div class="container"> -->

      @yield('content')

    <!-- </div> -->
    <!-- /.container -->

  </div>
  <!-- /.content-wrapper -->
  <!-- <footer class="main-footer">
    <div class="container">
      <div class="pull-right hidden-xs">
        <b>Version</b> 2.3.2
      </div>
      <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
      reserved.
    </div>
    /.container
  </footer> -->
</div>
<!-- ./wrapper -->

<script>

    $('#logout').click(function(){

        var urls = '/shop_admin/login/'+<?php echo @Auth::user()->id;?>;
        $.ajax({
            url:urls,
            type:'delete',
            headers:{'X-CSRF-TOKEN':'{{csrf_token()}}'},
            success:function(msg){

                window.location.href="/shop_admin/login";

            }
        });
    });

</script>
</body>
</html>
